<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_LianXiWoMen_0',
'ontac_1',
'ZY_LianXiWoMen_2',
'ontac_3',
'ZY_GuoYaoKongGuZhangSha_4',
'ZY_ZaiXianLiuYan_5',
'ZY_WoMenHuiZaiDiYi_6',
'ZY_LianXiDianHua_7',
'ZY_8_8',
'ZY_LianXiYouXiang_9',
'ZY_ZongJingLiXinXiang_10',
'ZY_LianXiDiZhi_11',
'ZY_HuNanShengZhangShaShi_12',
'img_4471722047',
'img_875374599',
'img_712652766',
'img_9116969',
'img_688129941',
'img_678224858'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>联系我们</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <meta http-equiv="Content-Type" content="text/x-component"> 
  <meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/sjf/pc//css/style.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/sjf/pc//css/animate.min.css">
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/sjf/pc//css/swiper-3.3.1.min.css">
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/sjf/pc//module/layui/css/layui.css">
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//js/jquery-1.10.2.min.js"></script>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <!--头部导航star--> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <!--头部导航end--> 
  <!--标题图片--> 
  <div class="titleimg" style=" width: 100%;
        height: 399px; background-size: 100% 100%">
   <div>
    <img src="${img_4471722047.adImg}" alt="" class="zy" data-type="ad" data-id="${img_4471722047.adId}" style="height: 339px;width: 100%; z-index: -1; ">

   </div>

  </div> 
  <!--标题图片end--> 
  <div class="minwiper"> 
   <div class="w_width"> 
    <div class="gs_profile"> 
     <div class="navtitle"> 
      <h3 class="zy" data-type="ad" data-id="${ZY_LianXiWoMen_2.adId}">${ZY_LianXiWoMen_2.adTitle}</h3> 
      <p class="zy" data-type="ad" data-id="${ontac_3.adId}">${ontac_3.adTitle}</p> 
     </div> 
     <!-- <p class="companyname zy" data-type="ad" data-id="${ZY_GuoYaoKongGuZhangSha_4.adId}">${ZY_GuoYaoKongGuZhangSha_4.adTitle}</p>  -->
     <ul class="contachus"> 
      <li><a id="add" href="javascript:;" class="massage"><span><img src="${img_875374599.adImg}" alt="" class="zy" data-type="ad" data-id="${img_875374599.adId}"> </span> <p class="us1 zy" data-type="ad" data-id="${ZY_ZaiXianLiuYan_5.adId}">${ZY_ZaiXianLiuYan_5.adTitle}</p> <p class="us2 zy" data-type="ad" data-id="${ZY_WoMenHuiZaiDiYi_6.adId}">${ZY_WoMenHuiZaiDiYi_6.adTitle}</p> </a></li>
      <li><a href="javascript:;"><span><img src="${img_712652766.adImg}" alt="" class="zy" data-type="ad" data-id="${img_712652766.adId}"></span> <p class="us1 zy" data-type="ad" data-id="${ZY_LianXiDianHua_7.adId}">${ZY_LianXiDianHua_7.adTitle}</p> <p class="us2 zy" data-type="ad" data-id="${ZY_8_8.adId}">${ZY_8_8.adTitle}</p> </a></li>
      <li><a href="javascript:;"><span> <img src="${img_688129941.adImg}" alt="" class="zy" data-type="ad" data-id="${img_688129941.adId}"> </span> <p class="us1 zy" data-type="ad" data-id="${ZY_LianXiDiZhi_11.adId}">${ZY_LianXiDiZhi_11.adTitle}</p> <p class="us2 zy" data-type="ad" data-id="${ZY_HuNanShengZhangShaShi_12.adId}">${ZY_HuNanShengZhangShaShi_12.adTitle}</p> </a></li>
     </ul> 

     <img style="width:100%;margin-top: 20px;" src="${img_678224858.adImg}" alt="" class="zy" data-type="ad" data-id="${img_678224858.adId}">
     <div class="map" style="display: none;"> 
      <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=A6c0ec494a1c2605a011f30a4d12fa44"></script> 
      <div style="width:1200px;height:445px;border:#ccc solid 1px;font-size:12px" id="map"></div>
      <script type="text/javascript">
               //创建和初始化地图函数：
               function initMap() {
                   createMap(); //创建地图
                   setMapEvent(); //设置地图事件
                   addMapControl(); //向地图添加控件
                   addMapOverlay(); //向地图添加覆盖物
               }
               function createMap() {
                   map = new BMap.Map("map");
                   map.centerAndZoom(new BMap.Point(112.901258,28.229172), 18);
               }
               function setMapEvent() {
                   map.enableScrollWheelZoom();
                   map.enableKeyboard();
                   map.enableDragging();
                   map.enableDoubleClickZoom()
               }
               function addClickHandler(target, window) {
                   target.addEventListener("click", function () {
                       target.openInfoWindow(window);
                   });
               }
               function addMapOverlay() {
                   var markers = [
                        { content: "湖南省长沙市岳麓区五矿科技产业园", title: "善吉凡", imageOffset: { width: -23, height: -21 }, position: { lat: 28.229172, lng: 112.901258} }
                    ];
                   for (var index = 0; index < markers.length; index++) {
                       var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
                       var marker = new BMap.Marker(point, { icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
                           imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
                       })
                       });
                       var label = new BMap.Label(markers[index].title, { offset: new BMap.Size(25, 5) });
                       var opts = {
                           width: 200,
                           title: markers[index].title,
                           enableMessage: false
                       };
                       var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
                       marker.setLabel(label);
                       addClickHandler(marker, infoWindow);
                       map.addOverlay(marker);
                   };
               }
               //向地图添加控件
               function addMapControl() {
                   var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
                   scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
                   map.addControl(scaleControl);
                   var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
                   map.addControl(navControl);
                   var overviewControl = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true });
                   map.addControl(overviewControl);
               }
               var map;
               initMap();
        </script> 
     </div> 
    </div> 
   </div> 
  </div>
  <div class="site-text" style="margin: 5%; display: none" id="window"  target="test123">
   <form class="layui-form" id="book" method="post" lay-filter="example">
    <div class="layui-form-item">
     <label class="layui-form-label">联系人姓名</label>
     <div class="layui-input-block">
      <input type="text" id="userName" name="userName" lay-verify="title" autocomplete="off" placeholder="请输入联系人姓名" class="layui-input">
     </div>
    </div>
    <div class="layui-form-item">
     <label class="layui-form-label">联系电话</label>
     <div class="layui-input-block">
      <input type="text" id="phone" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入联系电话" class="layui-input">
     </div>
    </div>
    <div class="layui-form-item">
     <label class="layui-form-label">联系地址</label>
     <div class="layui-input-block">
      <input type="text" id="address" name="address" lay-verify="title" autocomplete="off" placeholder="请输入联系地址" class="layui-input">
     </div>
    </div>
    <div class="layui-form-item">
     <label class="layui-form-label">留言内容</label>
     <div class="layui-input-block">
      <input type="text" id="content" name="content" lay-verify="title" autocomplete="off" placeholder="请输入留言内容" class="layui-input">
     </div>
    </div>

    <!--  <div class="layui-form-item">
       <div class="layui-input-block">
         <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
       </div>
     </div> -->
   </form>
  </div>

  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//module/layui/layui.js"></script>
  <script type="text/javascript">
      //数据表格
      layui.use(['layer','form'], function(){
          var layer=layui.layer;
          var form=layui.form;
          var $=layui.$;
          var url=$("#ctx").val();

        //   $("#add").click(function(){
        //       layer.open({
        //           type: 1,
        //           title:"在线留言",
        //           area:['50%','50%'],
        //           btn: ['确定', '取消'],
        //           content: $("#window"),
        //           yes:function(index,layero){
        //               $.getJSON(url+'/BookAction.action?methodName=addBook',{
        //                   bid: $('#bid').val(),
        //                   bname: $('#bname').val(),
        //                   price: $('#price').val()
        //               },function(data){
        //                   //根据后台返回的参数，来进行判断
        //                   if(data>0){
        //                       layer.alert('增加成功',{icon:1,title:'提示'},function(i){
        //                           layer.close(i);
        //                           layer.close(index);//关闭弹出层
        //                           $("#book")[0].reset()//重置form
        //                       })
        //                       table.reload('demo',{//重载表格
        //                           page:{
        //                               curr:1
        //                           }
        //                       })
        //                   }
        //               });
        //           }
        //       });
        //   })

      })
  </script>
  <!--底部--> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <!--底部end--> 
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//js/wow.min.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc//js/mian.js"></script>

 </body>
</html>